<template>
    <div class="propo_box">
        <div style="padding: 0 20px;">
            <div class="prop">
                <div>通用人工智能创新园(110801500010002607)建设项目<span class="propActive">其他</span></div>
                <div class="prop_cen">
                    <div class="prop_cen_one">
                        <div class="propcolor">业主单位</div>
                        <div>中国铁塔股份有限公司北京市分公司</div>
                    </div>
                    <div class="prop_cen_two">
                        <div style="width: 144px;color: #9b9eac;">2024-01-24</div>
                        <div style="width: 144px;color: #9b9eac;">北京 北京</div>
                        <div style="width: 144px;"></div>
                    </div>
                </div>
            </div>
        </div>
        <Pagination ref="pagination" />
    </div>
</template>

<script setup>
import Pagination from '@/components/pagination/index.vue';
// const pagination = ref(null);
// pagination.value.currentPage
// pagination.value.pageSize

</script>

<style lang="scss" scoped>
.propActive {
    padding: 0 9px;
    margin-left: 10px;
    background-color: #eef1fc;
    border-radius: 3px;
    font-size: 14px;
    color: #5473DA;
}

.propcolor {
    color: #9b9eac;
    padding-right: 15px;
}

.origin {
    padding: 5px 6px;
    border-radius: 4px;
    background-color: #FE8D03;
    color: #fff;
    margin-left: 10px;
    font-size: 14px;
}

.propo_box {

    background-color: #fff;

    // 
    .prop {
        // display: flex;
        padding: 20px 0;
        border-bottom: 1px solid #EEEEEE;

        .prop_cen {
            display: flex;
            justify-content: space-between;
            margin-top: 32px;

            .prop_cen_one {
                display: flex;
            }

            .prop_cen_two {
                display: flex;
            }
        }
    }



}</style>